<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
        "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Dojo Tree Widget Test</title>

<script type="text/javascript">
	var djConfig = {isDebug: true, debugAtAllCosts: true };
</script>
<script type="text/javascript" src="../../../dojo.js"></script>
<script type="text/javascript">
	dojo.require("dojo.lang.*");
	dojo.require("dojo.widget.*");
	dojo.require("dojo.widget.Tree");
	dojo.require("dojo.widget.TreeSelector");
	dojo.hostenv.writeIncludes();


	dojo.addOnLoad(function() {
		dojo.event.topic.subscribe("nodeSelected",
			 function(message) { dojo.debug(message.node.title+" selected"); }
		);
	});

</script>

</head>
<body>

<h2>Tree with selector events</h2>

<dojo:TreeSelector widgetId="treeSelector" eventNames="select:nodeSelected"></dojo:TreeSelector>

<div dojoType="Tree" selector="treeSelector">
	<div dojoType="TreeNode" title="Item 1">
		<div dojoType="TreeNode" title="Item 1.1" ></div>
		<div dojoType="TreeNode" title="Item 1.2" >
			<div dojoType="TreeNode" title="Item 1.2.1" >
				<div dojoType="TreeNode" title="Item 1.2.1.1" ></div>
			</div>
			<div dojoType="TreeNode" title="Item 1.2.2" ></div>
		</div>
		<div dojoType="TreeNode" title="Item 1.3" >
			<div dojoType="TreeNode" title="Item 1.3.1" ></div>
			<div dojoType="TreeNode" title="Item 1.3.2" ></div>
		</div>
		<div dojoType="TreeNode" title="Item 1.4" >
			<div dojoType="TreeNode" title="Item 1.4.1" ></div>
		</div>
	</div>
	<div dojoType="TreeNode" title="Item 2" ></div>
</div>


</body>
</html>
